<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{commons/common::head(~{::title})}">
    <title>博客管理首页</title>
</head>
<body>
<!--后台一级导航栏-->
<div th:replace="~{commons/admin_com::menu}"></div>

<!--中间部分-->
<div class="m-container m-padded-tb-big">
    <div class="ui container">
        <div class="ui success large message">
            <h2>欢迎您登录！<span th:if="${session.loginUser != null}" th:text="${session.loginUser.username}"></span></h2>
        </div>
        <img src="https://picsum.photos/id/1/1000/400" alt="" class="ui rounded bordered fluid image">

    </div>
</div>

<br>

<!--底部 footer-->
<div th:replace="~{commons/common::footer}"></div>

<!--引用的 js-->
<th:block th:replace="~{commons/admin_com::script}">
</th:block>

<script>
    // 在手机端点击汉堡按钮，重新显示隐藏的导航栏内容
    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-hidden');
    });


    // 搜索框弹出消息
    $('.m-popup input').popup({
        on: 'focus',
        position: 'bottom center'
    });

    $('.ui.dropdown')
        .dropdown()
    ;
</script>
</body>
</html>